<!doctype html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no" name="viewport">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <title>E-code后台模板</title>
    <link rel="stylesheet" href="./css/bootstrap.min.css" />
    <link rel="stylesheet" href="./css/defalut.theme.css" />
</head>
<body>
    <!-- 顶头部 start -->
    <header>
        <div class="head">
            <div class="logo pull-left">
                <img width="40" height="30" src="./images/admin-logo.png" alt="">
                <b>&nbsp;&nbsp;E-code</b>
            </div>
            <div class="info-right pull-right">
                <ul>
                    <a href=""><li class="pull-right"><i class="glyphicon glyphicon-home"></i> 网站前台 </li></a>
                    <a  href=""><li class="pull-right"><i class="glyphicon glyphicon-refresh"></i> 清除缓存 </li></a>
                    <a href=""><li class="pull-right"><i class="glyphicon glyphicon-user"></i> 欢迎：Admin </li></a>
                </ul>
            </div>

        </div>
    </header>
    <!-- 顶头部 stop -->

    <!-- 左侧菜单 start -->
    <aside>
        <dl class="left-nav">
            <dt><i class="glyphicon glyphicon-cog"></i>系统设置<i class="arrow-right glyphicon glyphicon-menu-left"></i></dt>
            <dl>
                <a href=""><dd><i class="glyphicon glyphicon-hand-right"></i>网站设置</dd></a>
                <a href=""><dd><i class="glyphicon glyphicon-hand-right"></i>自定义导航</dd></a>
                <a href=""><dd><i class="glyphicon glyphicon-hand-right"></i>区域管理</dd></a>
            </dl>
        </dl>
        <dl class="left-nav">
            <dt><i class="glyphicon glyphicon-tower"></i>权限管理<i class="arrow-right glyphicon glyphicon-menu-left"></i></dt>
            <dl>
            <a href=""><dd><i class="glyphicon glyphicon-hand-right"></i>管理员列表</dd></a>
            <a href=""><dd><i class="glyphicon glyphicon-hand-right"></i>角色管理</dd></a>
            <a href=""><dd><i class="glyphicon glyphicon-hand-right"></i>管理员日志</dd></a>
            </dl>
        </dl>
        <dl class="left-nav">
            <dt><i class="glyphicon glyphicon-user"></i>会员管理<i class="arrow-right glyphicon glyphicon-menu-left"></i></dt>
            <dl>
            <a href=""><dd><i class="glyphicon glyphicon-hand-right"></i>会员列表</dd></a>
            <a href=""><dd><i class="glyphicon glyphicon-hand-right"></i>会员等级</dd></a>
            <a href=""><dd><i class="glyphicon glyphicon-hand-right"></i>会员充值</dd></a>
            </dl>
        </dl>
        <dl class="left-nav">
            <dt><i class="glyphicon glyphicon-th-list"></i>栏目管理<i class="arrow-right glyphicon glyphicon-menu-left"></i></dt>
            <dl>
            <a href=""><dd><i class="glyphicon glyphicon-hand-right"></i>会员列表</dd></a>
            <a href=""><dd><i class="glyphicon glyphicon-hand-right"></i>会员等级</dd></a>
            <a href=""><dd><i class="glyphicon glyphicon-hand-right"></i>会员充值</dd></a>
            </dl>
        </dl>
        <dl class="left-nav">
            <dt><i class="glyphicon glyphicon-folder-open"></i>页面类型<i class="arrow-right glyphicon glyphicon-menu-left"></i></dt>
            <dl>
            <a href=""><dd><i class="glyphicon glyphicon-hand-right"></i>标签页</dd></a>
            <a href=""><dd><i class="glyphicon glyphicon-hand-right"></i>列表页</dd></a>
            <a href=""><dd><i class="glyphicon glyphicon-hand-right"></i>编辑页</dd></a>
            </dl>
        </dl>
        <dl class="left-nav">
            <dt><i class="glyphicon glyphicon-user"></i>栏目管理<i class="arrow-right glyphicon glyphicon-menu-left"></i></dt>
            <dl>
            <a href=""><dd><i class="glyphicon glyphicon-hand-right"></i>会员列表</dd></a>
            <a href=""><dd><i class="glyphicon glyphicon-hand-right"></i>会员等级</dd></a>
            <a href=""><dd><i class="glyphicon glyphicon-hand-right"></i>会员充值</dd></a>
            </dl>
        </dl>
        <dl class="left-nav">
            <dt><i class="glyphicon glyphicon-user"></i>栏目管理<i class="arrow-right glyphicon glyphicon-menu-left"></i></dt>
            <dl>
            <a href=""><dd><i class="glyphicon glyphicon-hand-right"></i>会员列表</dd></a>
            <a href=""><dd><i class="glyphicon glyphicon-hand-right"></i>会员等级</dd></a>
            <a href=""><dd><i class="glyphicon glyphicon-hand-right"></i>会员充值</dd></a>
            </dl>
        </dl>
        <dl class="left-nav">
            <dt><i class="glyphicon glyphicon-user"></i>栏目管理<i class="arrow-right glyphicon glyphicon-menu-left"></i></dt>
            <dl>
            <a href=""><dd><i class="glyphicon glyphicon-hand-right"></i>会员列表</dd></a>
            <a href=""><dd><i class="glyphicon glyphicon-hand-right"></i>会员等级</dd></a>
            <a href=""><dd><i class="glyphicon glyphicon-hand-right"></i>会员充值</dd></a>
            </dl>
        </dl>
        <dl class="left-nav">
            <dt><i class="glyphicon glyphicon-user"></i>栏目管理<i class="arrow-right glyphicon glyphicon-menu-left"></i></dt>
            <dl>
            <a href=""><dd><i class="glyphicon glyphicon-hand-right"></i>会员列表</dd></a>
            <a href=""><dd><i class="glyphicon glyphicon-hand-right"></i>会员等级</dd></a>
            <a href=""><dd><i class="glyphicon glyphicon-hand-right"></i>会员充值</dd></a>
            </dl>
        </dl>
        <dl class="left-nav">
            <dt><i class="glyphicon glyphicon-user"></i>栏目管理<i class="arrow-right glyphicon glyphicon-menu-left"></i></dt>
            <dl>
            <a href=""><dd><i class="glyphicon glyphicon-hand-right"></i>会员列表</dd></a>
            <a href=""><dd><i class="glyphicon glyphicon-hand-right"></i>会员等级</dd></a>
            <a href=""><dd><i class="glyphicon glyphicon-hand-right"></i>会员充值</dd></a>
            </dl>
        </dl>
        <dl class="left-nav">
            <dt><i class="glyphicon glyphicon-user"></i>栏目管理<i class="arrow-right glyphicon glyphicon-menu-left"></i></dt>
            <dl>
            <a href=""><dd><i class="glyphicon glyphicon-hand-right"></i>会员列表</dd></a>
            <a href=""><dd><i class="glyphicon glyphicon-hand-right"></i>会员等级</dd></a>
            <a href=""><dd><i class="glyphicon glyphicon-hand-right"></i>会员充值</dd></a>
            </dl>
        </dl>
        <dl class="left-nav">
            <dt><i class="glyphicon glyphicon-user"></i>栏目管理<i class="arrow-right glyphicon glyphicon-menu-left"></i></dt>
            <dl>
            <a href=""><dd><i class="glyphicon glyphicon-hand-right"></i>会员列表</dd></a>
            <a href=""><dd><i class="glyphicon glyphicon-hand-right"></i>会员等级</dd></a>
            <a href=""><dd><i class="glyphicon glyphicon-hand-right"></i>会员充值</dd></a>
            </dl>
        </dl>
        <dl class="left-nav">
            <dt><i class="glyphicon glyphicon-user"></i>栏目管理<i class="arrow-right glyphicon glyphicon-menu-left"></i></dt>
            <dl>
            <a href=""><dd><i class="glyphicon glyphicon-hand-right"></i>会员列表</dd></a>
            <a href=""><dd><i class="glyphicon glyphicon-hand-right"></i>会员等级</dd></a>
            <a href=""><dd><i class="glyphicon glyphicon-hand-right"></i>会员充值</dd></a>
            </dl>
        </dl>
        <dl class="left-nav">
            <dt><i class="glyphicon glyphicon-user"></i>栏目管理<i class="arrow-right glyphicon glyphicon-menu-left"></i></dt>
            <dl>
            <a href=""><dd><i class="glyphicon glyphicon-hand-right"></i>会员列表</dd></a>
            <a href=""><dd><i class="glyphicon glyphicon-hand-right"></i>会员等级</dd></a>
            <a href=""><dd><i class="glyphicon glyphicon-hand-right"></i>会员充值</dd></a>
            </dl>
        </dl>
        <dl class="left-nav">
            <dt><i class="glyphicon glyphicon-user"></i>栏目管理<i class="arrow-right glyphicon glyphicon-menu-left"></i></dt>
            <dl>
            <a href=""><dd><i class="glyphicon glyphicon-hand-right"></i>会员列表</dd></a>
            <a href=""><dd><i class="glyphicon glyphicon-hand-right"></i>会员等级</dd></a>
            <a href=""><dd><i class="glyphicon glyphicon-hand-right"></i>会员充值</dd></a>
            </dl>
        </dl>
        <dl class="left-nav">
            <dt><i class="glyphicon glyphicon-user"></i>栏目管理<i class="arrow-right glyphicon glyphicon-menu-left"></i></dt>
            <dl>
            <a href=""><dd><i class="glyphicon glyphicon-hand-right"></i>会员列表</dd></a>
            <a href=""><dd><i class="glyphicon glyphicon-hand-right"></i>会员等级</dd></a>
            <a href=""><dd><i class="glyphicon glyphicon-hand-right"></i>会员充值</dd></a>
            </dl>
        </dl>
        <dl class="left-nav">
            <dt><i class="glyphicon glyphicon-user"></i>栏目管理<i class="arrow-right glyphicon glyphicon-menu-left"></i></dt>
            <dl>
            <a href=""><dd><i class="glyphicon glyphicon-hand-right"></i>会员列表</dd></a>
            <a href=""><dd><i class="glyphicon glyphicon-hand-right"></i>会员等级</dd></a>
            <a href=""><dd><i class="glyphicon glyphicon-hand-right"></i>会员充值</dd></a>
            </dl>
        </dl>
        <dl class="left-nav">
            <dt><i class="glyphicon glyphicon-user"></i>栏目管理<i class="arrow-right glyphicon glyphicon-menu-left"></i></dt>
            <dl>
            <a href=""><dd><i class="glyphicon glyphicon-hand-right"></i>会员列表</dd></a>
            <a href=""><dd><i class="glyphicon glyphicon-hand-right"></i>会员等级</dd></a>
            <a href=""><dd><i class="glyphicon glyphicon-hand-right"></i>会员充值</dd></a>
            </dl>
        </dl>
        <dl class="left-nav">
            <dt><i class="glyphicon glyphicon-user"></i>栏目管理<i class="arrow-right glyphicon glyphicon-menu-left"></i></dt>
            <dl>
            <a href=""><dd><i class="glyphicon glyphicon-hand-right"></i>会员列表</dd></a>
            <a href=""><dd><i class="glyphicon glyphicon-hand-right"></i>会员等级</dd></a>
            <a href=""><dd><i class="glyphicon glyphicon-hand-right"></i>会员充值</dd></a>
            </dl>
        </dl>
        <dl class="left-nav">
            <dt><i class="glyphicon glyphicon-user"></i>栏目管理<i class="arrow-right glyphicon glyphicon-menu-left"></i></dt>
            <dl>
            <a href=""><dd><i class="glyphicon glyphicon-hand-right"></i>会员列表</dd></a>
            <a href=""><dd><i class="glyphicon glyphicon-hand-right"></i>会员等级</dd></a>
            <a href=""><dd><i class="glyphicon glyphicon-hand-right"></i>会员充值</dd></a>
            </dl>
        </dl>
    </aside>
    <!-- 左侧菜单 stop -->

    <!-- 主区域 start -->
    <div class="main">

        <div class="panel panel-default">
            <div class="panel-body">
                <ul class="nav nav-tabs e-nav-tabs" role="tablist">
                    <li role="presentation" class="active"><a href="#home" aria-controls="home" role="tab" data-toggle="tab">网站信息</a></li>
                    <li role="presentation"><a href="#profile" aria-controls="profile" role="tab" data-toggle="tab">基本设置</a></li>
                    <li role="presentation"><a href="#messages" aria-controls="messages" role="tab" data-toggle="tab">短信设置</a></li>
                    <li role="presentation"><a href="#settings" aria-controls="settings" role="tab" data-toggle="tab">邮件设置</a></li>
                </ul>
                <form class="form-horizontal">
                <div class="tab-content">
                    <div role="tabpanel" class="tab-pane active" id="home">
                        <div class="form-group">
                            <label for="inputEmail3" class="col-sm-1 control-label">昵称</label>
                            <div class="col-sm-3">
                            <input type="email" class="form-control" id="inputEmail3" placeholder="Email">
                            </div>
                        </div>
                        <div class="form-inline form-group">
                            <label for="inputEmail3" class="col-sm-1 control-label">网站logo</label>
                            <div class="col-sm-3">
                                <input type="text" size="30" class="form-control col-sm-3" id="inputEmail3" placeholder="logo">&nbsp;
                                <a href="javascript:;" class="e-file">选择文件<input type="file" name="" id=""></a>
                            </div>
                        </div>
                        <div class="form-group">
                            <label for="inputEmail3" class="col-sm-1 control-label">昵称</label>
                            <div class="col-sm-3">
                            <input type="email" class="form-control" id="inputEmail3" placeholder="Email">
                            </div>
                        </div>
                        <div class="form-group">
                            <label for="inputEmail3" class="col-sm-1 control-label">昵称</label>
                            <div class="col-sm-3">
                            <textarea id="input2" class="form-control" rows="3"></textarea>
                            </div>
                        </div>
                    </div>

                    <div role="tabpanel" class="tab-pane" id="profile">
                        <div class="form-group">
                            <label for="inputEmail3" class="col-sm-1 control-label">昵称</label>
                            <div class="col-sm-3">
                            <input type="email" class="form-control" id="inputEmail3" placeholder="Email">
                            </div>
                        </div>
                        <div class="form-inline form-group">
                            <label for="inputEmail3" class="col-sm-1 control-label">网站logo</label>
                            <div class="col-sm-3">
                                <input type="text" size="30" class="form-control col-sm-3" id="inputEmail3" placeholder="logo">&nbsp;
                                <a href="javascript:;" class="e-file">选择文件<input type="file" name="" id=""></a>
                            </div>
                        </div>
                        <div class="form-group">
                            <label for="inputEmail3" class="col-sm-1 control-label">状态</label>
                            <div class="col-sm-3">
                                <label class="radio-inline">
                                    <input type="radio" name="inlineRadioOptions" checked id="inlineRadio1" value="option1"> 启用
                                </label>
                                <label class="radio-inline">
                                    <input type="radio" name="inlineRadioOptions" id="inlineRadio2" value="option2"> 禁用
                                </label>
                            </div>
                        </div>
                        <div class="form-group">
                            <label for="inputEmail3" class="col-sm-1 control-label">描述</label>
                            <div class="col-sm-3">
                            <textarea id="input2" class="form-control" rows="3"></textarea>
                            </div>
                        </div>
                    </div>

                    <div role="tabpanel" class="tab-pane" id="messages">
                        
                    </div>

                    <div role="tabpanel" class="tab-pane" id="settings">
                        
                    </div>
                    <div class="form-group">
                        <div class="col-sm-offset-2 col-sm-10">
                            <button type="submit" class="btn btn-success ">确定</button>
                            <a class="btn btn-default" href="#" role="button">返回</a>
                        </div>
                    </div>
                </div>
                </form>

            </div>
        </div>

    </div>
    <!-- 主区域 stop -->
   
    <!-- 底部区域 start -->
    <footer>
        
    </footer>
    <!-- 底部区域 stop -->
<script src="./javascript/jquery.min.js"></script>
<script src="./javascript/bootstrap-datetimepicker.min.js"></script>
<script type="text/javascript" src="./javascript/locales/bootstrap-datetimepicker.zh-CN.js" charset="UTF-8"></script>
<script src="./javascript/Chart.js"></script>
<script src="./javascript/bootstrap.min.js"></script>
<script src="./javascript/defalut.theme.js"></script>
<script>
    $(function(){
        // 左侧菜单展开事件
        $('.left-nav').click(function(){
            $('.left-nav').children('dt').children('.arrow-right').removeClass('glyphicon-menu-down');
            $('.left-nav dl').hide("slow");
            $(this).children('dl').stop(true, false).slideToggle("slow");
            $(this).children('dt').children('.arrow-right').addClass('glyphicon-menu-down');
        });
    });
</script>        
</body>
</html>